<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/styles/common.css" />
        <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/styles/logon.css" />
        <script type="text/javascript" src="${pageContext.request.contextPath}/scripts/jquery-1.4.4.js"></script>
        <script type="text/javascript">
            $(function () {
                $('input').keydown(function(e) {
                    var code = (e.keyCode ? e.keyCode : e.which);
                    if(code == 13) { //Enter keycode
                       $("#logon-form").submit();
                    }
                });

                $("#submit").click(function() {
                    $("#logon-form").submit();
                });
            })
        </script>
        <title>Quattroclix - Invoicing</title>
    </head>
    <body>

        <div id="background">
            <div class="wraper">
                <div id="header">
                    <a href="${pageContext.request.contextPath}/app/timesheet/view-timesheet.jsp">
                        <img src="${pageContext.request.contextPath}/img/logo.gif" width="257" height="36" id="logo" alt="logo Quattroclix" />
                    </a>
                </div>
                <div id="logon">
                    <form action="j_security_check" method="post" id="logon-form">
                        <div class="logon-label">Username</div>
                        <div class="logon-value"><input type="text" name="j_username"></div>
                        <div class="logon-label">Password</div>
                        <div class="logon-value"><input type="password" name="j_password"></div>
                        <div id="logon-actions">
                            <ul>
                                <li><a class="text" id="submit">Submit</a></li>
                            </ul>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </body>

</html>
